<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接练习</title>
</head>
<body>
<!--跳转到本地资源-->
<a href="p1.html">跳转至今日的第一个页面</a>
<a href="p3.html">跳转至今日的第三个页面</a>
<a href="111.png">即将打开一个图片</a>
<br>
<!--跳转到外部资源-->
<a href="https://www.baidu.com">百度首页</a>
<a href="https://www.tmooc.cn/">达内首页</a>
<a href="https://www.baidu.cn/"><img src="444.jpg"></a>
<hr>
<!--_self表示当前页面打开_blank表示新页面打开-->
<a href="https://www.tmooc.cn/" target="_self">达内1</a>
<a href="https://www.tmooc.cn/" target="_blank">达内2</a>
<!--锚点 书签-->
<h1>西游记</h1>
<a href="#c1"> 快速跳转到第一章</a>
<a href="#c2"> 快速跳转到第二章</a>
<a href="#c3"> 快速跳转到第三章</a>
<hr>
<h3 id="c1">第一章 石猴出世</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur ipsam iusto perferendis ratione veniam?
  Accusamus aliquid assumenda beatae dolor dolores earum eligendi iure porro quaerat quibusdam rerum, sequi, tempore
  ullam?</p>
<p>Aliquam, aspernatur, autem cupiditate ea fugiat illo ipsa iure maiores nihil nisi possimus praesentium, quasi quo
  repellat veniam veritatis vitae. Autem eligendi laboriosam nam natus perferendis quam quasi quos ratione!</p>
<p>Atque cum deleniti dignissimos dolores eligendi enim error id illo in maxime modi molestiae non odit omnis quos rerum
  temporibus velit, vitae! Aliquid commodi incidunt minus placeat quidem sit velit?</p>
<p>Cumque eos exercitationem hic temporibus veniam! Asperiores at, dicta dignissimos ex libero natus, obcaecati, odio
  repellat sapiente ullam vel veritatis vitae voluptate! Atque cum ea eius illum praesentium similique, voluptate!</p>
<p>Adipisci alias aspernatur dignissimos molestiae odio ullam veritatis vitae! Adipisci dolorem enim error fuga fugit
  iste molestiae, mollitia obcaecati, perferendis placeat quam quasi quis, ratione rem sed sequi sit temporibus?</p>
<p>Commodi consectetur dolor earum eius facilis impedit ipsam itaque maiores neque nihil nobis officia pariatur, quasi
  quos rem sed tempore! Accusamus beatae exercitationem hic labore, natus repellendus reprehenderit sed soluta!</p>
<p>Atque autem consequuntur corporis cumque dolorum eum expedita illum iste laborum, quod recusandae sed! Aliquam atque
  culpa doloremque dolores, ea exercitationem magni modi numquam odio odit quisquam repellat saepe veritatis.</p>
<p>A aliquam deserunt dolore dolores eaque eius eveniet iusto magni maxime nemo non numquam odit, perferendis
  perspiciatis repellendus sint, ullam voluptate? Aut culpa expedita maiores numquam odit officia, quae soluta!</p>
<p>Exercitationem, fuga ipsum nisi quod quos veniam. Dolorem harum hic impedit ipsum maiores maxime nesciunt optio
  perspiciatis quae sed. Cum eum incidunt nesciunt nisi odit provident quia suscipit tempora veritatis!</p>
<p>Alias, aperiam architecto asperiores doloremque eos ex explicabo incidunt inventore ipsum maxime minus modi, neque
  nobis odit optio possimus quae, quam qui ratione reiciendis repudiandae saepe tempora unde veritatis vero!</p>
<p>Aut dicta est maiores molestiae quaerat. Accusamus adipisci assumenda consequuntur dolor id inventore ipsa libero
  molestias nam neque nihil obcaecati optio porro provident recusandae sapiente totam unde, vel vero voluptate!</p>
<p>At consectetur dolore dolores doloribus eaque eos esse eum exercitationem, hic illum incidunt ipsa iste laudantium
  maiores molestias mollitia nemo nostrum obcaecati perspiciatis quam quis quisquam quos repellat voluptas
  voluptatem.</p>
<p>Aliquid, asperiores at, debitis, doloremque explicabo iure modi necessitatibus nisi nostrum numquam quo suscipit
  totam. Amet, enim fuga. Aperiam autem eligendi, ipsa maxime minima molestias nam repellendus rerum saepe sequi!</p>
<p>Ab aliquid aperiam assumenda consectetur distinctio dolores, doloribus ea eaque et illum incidunt laudantium maiores
  molestiae natus obcaecati, odit optio possimus quam quia quisquam similique sunt tempora temporibus tenetur
  voluptates.</p>
<p>Ab dolore eum minima nisi rerum sunt tenetur ullam veritatis. Ab aliquid, beatae consectetur consequatur dolore
  dolores dolorum est inventore, iste modi nam quibusdam quis quo reprehenderit tenetur veniam veritatis.</p>
<p>A assumenda beatae, commodi consequatur cumque cupiditate eligendi explicabo iste iusto laborum maiores nisi optio
  porro provident quasi quis ratione recusandae reiciendis rem repellat saepe sint sit suscipit, velit voluptatem?</p>
<p>Commodi eligendi, et fugiat iste, laboriosam laborum, natus nulla obcaecati odio reprehenderit suscipit ullam
  voluptas? Asperiores consequuntur eius illum in ipsum minus necessitatibus qui quia? Beatae consectetur iste labore
  qui!</p>
<p>Accusamus culpa ea eveniet harum ipsum iste iusto laborum mollitia, obcaecati placeat quibusdam ratione saepe
  tempora, veniam vitae voluptatem voluptates voluptatum? Accusantium aliquid aut autem cum dolores ea quo unde!</p>
<p>Amet consequuntur necessitatibus quo ullam unde. Accusamus animi atque eius ex exercitationem expedita ipsa itaque
  iure modi natus nisi numquam pariatur provident quaerat quibusdam ratione sequi suscipit temporibus, ullam,
  veritatis!</p>
<p>Ab adipisci dolorem, dolorum, enim eum facere illo ipsa ipsam laboriosam maiores nam nostrum numquam perspiciatis
  quaerat repellendus totam veniam voluptates. Architecto blanditiis consequuntur exercitationem explicabo magni maiores
  unde voluptates!</p>
<p>Ab accusamus aliquam aperiam consequatur consequuntur ea eius enim error esse facere ipsa ipsam mollitia natus
  nostrum quam quisquam, quo repellat soluta tenetur, unde vel veniam vero! Blanditiis, explicabo rerum?</p>
<p>Adipisci aliquam itaque iusto libero, obcaecati pariatur perspiciatis quisquam, repudiandae totam veritatis vitae
  voluptates. Incidunt laboriosam numquam quas soluta. At, beatae consectetur consequatur excepturi facere maxime
  nesciunt quis suscipit voluptate?</p>
<p>Ab cum debitis distinctio eveniet minima modi necessitatibus nemo, optio quisquam quo reiciendis repellendus
  similique, sit, sunt tempore temporibus voluptatibus. Beatae dolores eaque exercitationem hic impedit quam quos
  repellendus vitae.</p>
<p>Ab, accusantium commodi consequatur delectus, deleniti dicta doloremque explicabo, harum hic incidunt ipsam labore
  molestiae necessitatibus nemo neque odit optio placeat quam quidem quisquam repellendus reprehenderit similique sunt
  unde veniam.</p>
<p>Animi beatae cupiditate laboriosam, magnam nihil nisi optio quae quaerat quod ut? Commodi distinctio iste officiis
  possimus quasi recusandae ut. Ad in minima nihil officia quidem quod ratione rerum similique!</p>
<p>Accusantium ducimus ea impedit libero nam nobis numquam pariatur quae quidem sequi? A architecto dolores eius
  eveniet, excepturi expedita ipsa ipsam iste laborum natus nesciunt quae repellendus repudiandae sunt tenetur?</p>
<p>Animi at consequuntur delectus dicta, dolor doloremque eius eos et harum in ipsa iste, natus nobis obcaecati odit
  officia omnis quis quisquam quo recusandae reiciendis repellat repudiandae veritatis voluptate voluptatem.</p>
<p>A architecto aspernatur beatae consequuntur delectus deleniti est et eum, harum illum itaque laboriosam nesciunt
  nihil nobis nostrum omnis pariatur perferendis perspiciatis placeat quas quo, repellat repellendus sunt tempore
  voluptate.</p>
<p>Doloremque dolorum earum, est harum incidunt nisi odio? Adipisci distinctio eligendi explicabo libero nam, nobis
  perferendis quod sed! Ab amet aperiam dolor excepturi inventore maiores nam odit perspiciatis tenetur ut.</p>
<p>Commodi, dolorem, nisi! Accusantium aliquid animi, aperiam dignissimos ea eveniet expedita fugit id illo in iure
  libero maxime minima modi natus nihil obcaecati optio quo quos tempore totam ullam ut!</p>
<h3 id="c2">第二章 蓬莱学艺</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, qui, voluptates. Blanditiis, dolorum illo magnam
  nobis possimus praesentium provident quas. Animi aperiam debitis deleniti dolorum earum enim nam rerum similique.</p>
<p>Aliquam aliquid, asperiores atque consequatur dolorem earum exercitationem facere in itaque neque odio praesentium
  rem similique sit temporibus voluptas voluptates! A autem consequuntur dignissimos, distinctio ex labore provident
  quam quisquam?</p>
<p>Autem commodi exercitationem odio optio quidem quisquam? Asperiores aspernatur doloremque ducimus enim esse expedita,
  id ipsam ipsum laudantium libero necessitatibus neque nisi nostrum odit porro sed tenetur ut vero voluptatibus.</p>
<p>Accusamus ad delectus distinctio eius ex expedita id omnis praesentium quidem veniam! A beatae expedita harum
  laboriosam natus, nesciunt non quas repellat sed sint, temporibus tenetur. Id, laborum, tempore! Nisi!</p>
<p>Amet aperiam asperiores commodi consequuntur cupiditate dignissimos error, hic ipsa ipsum iusto magnam magni nam
  natus perspiciatis vitae? Cumque dicta dolores esse expedita, neque praesentium sint sunt tempore temporibus unde.</p>
<p>Beatae deleniti, esse facere ipsam libero molestias nisi odit quae ratione rem sapiente soluta ullam! Aperiam cum
  dolore dolores dolorum exercitationem id neque nostrum quaerat quasi repudiandae, saepe unde voluptatem.</p>
<p>Accusantium assumenda deleniti, error in nostrum obcaecati possimus voluptatem? Consequatur dolore nam reiciendis
  voluptas voluptatibus! Aliquid aperiam blanditiis commodi cumque minus molestiae odit, reiciendis sapiente suscipit
  temporibus unde voluptatibus voluptatum.</p>
<p>Enim esse laborum perspiciatis possimus, quidem quisquam sapiente similique tempora. Consectetur deserunt ea illum in
  ipsam iusto, magnam officia quas sapiente veniam. Beatae eaque ipsam odit perferendis quibusdam sunt voluptate.</p>
<p>Ab accusamus amet, consequuntur deleniti distinctio dolor eos hic in inventore laborum laudantium libero nam
  praesentium quos rem saepe ullam? Consectetur dolorem, doloremque eligendi maiores modi nisi praesentium quam
  similique!</p>
<p>Adipisci aliquam architecto atque consequatur cum doloribus ea eligendi error eum fugit impedit incidunt iure iusto
  libero magnam, modi nam obcaecati omnis perferendis quo quos recusandae similique sunt unde voluptates?</p>
<p>Asperiores aspernatur cum debitis iste neque nostrum odio soluta! A consectetur impedit neque optio quo, veritatis
  vitae voluptatibus! Beatae consectetur eius illum iste iure officia quibusdam suscipit vel! Aperiam, rem.</p>
<p>Consequatur dolorem esse eveniet ex harum hic illum impedit incidunt, ipsum labore magni quis, repudiandae unde!
  Aliquam delectus illo itaque laboriosam quibusdam soluta velit voluptas! Dolor maiores quibusdam quos saepe?</p>
<p>Alias aliquam at aut cumque cupiditate dicta dolore doloribus eaque error fugit minus quae quo quos, repellat
  repellendus temporibus ut, voluptate? Animi architecto consequatur corporis, deleniti incidunt laborum maiores
  quod!</p>
<p>Amet dolorem excepturi iste itaque molestiae sit totam, voluptates. Consectetur dolores eligendi itaque provident. Ab
  autem, consequuntur debitis eius enim est fugit iste libero magnam modi, porro, soluta tenetur ut.</p>
<p>Accusantium aliquam autem cumque debitis dicta dignissimos ea error fuga fugiat illo libero maxime natus nemo neque
  nostrum nulla obcaecati omnis quae, quia quis ratione repellendus sed sint ut vel!</p>
<p>Debitis doloribus fugiat harum maxime minima modi numquam quaerat quam sint. In iusto reprehenderit tempora tenetur
  ullam? Cupiditate est illo perferendis vero. Accusamus excepturi harum, praesentium quasi sunt unde veniam.</p>
<p>A asperiores at cupiditate, delectus dolor enim error, fugiat laborum maxime minus modi molestiae nisi obcaecati
  officia perferendis porro quam quas quo quod repellat, repudiandae saepe sequi ullam voluptate voluptates.</p>
<p>At est ipsam maxime provident quisquam soluta. Ad, unde voluptates? Aut commodi exercitationem iste pariatur qui quod
  quos reprehenderit rerum, saepe sequi, vel veniam voluptas voluptatum! Laborum nesciunt quia recusandae.</p>
<p>Aliquid beatae dignissimos dolor dolore nulla, provident ratione repellendus velit? Blanditiis consequatur, debitis
  dicta dolorem eligendi eum hic modi nam nihil odio, perferendis provident quam quibusdam tempora tenetur unde vel!</p>
<p>Architecto dolorum ea est, facilis maiores mollitia quae quaerat reprehenderit! Aliquam aspernatur blanditiis culpa
  excepturi, ipsum, labore laborum maxime minima nihil odio optio possimus quae quaerat soluta tempora velit
  voluptas!</p>
<p>Ab animi ducimus maiores modi nulla perferendis quae quibusdam velit. Accusamus deleniti eligendi labore magni
  nesciunt pariatur quaerat saepe sequi. Aperiam consectetur consequatur ducimus expedita iure quam tenetur ut
  voluptas!</p>
<p>Et perferendis praesentium ratione sed soluta. Atque beatae cum eaque est fugit id, inventore ipsam iusto, molestias
  nam natus praesentium quidem similique vel vero? Ab aliquid in labore quod sit.</p>
<p>Dicta dolor facilis nisi officiis omnis quasi quisquam ratione velit vero? Aspernatur consequatur cupiditate dolores
  doloribus eaque, eos esse ex fugiat iste maxime nobis nulla quidem, sed ullam veritatis voluptatem.</p>
<p>Ab animi aspernatur atque consectetur consequatur consequuntur dicta dolorum esse et facere facilis hic ipsam ipsum
  nam nisi, nobis numquam odio odit officiis pariatur repellat sapiente sint tempora ut veritatis.</p>
<p>Architecto aspernatur at blanditiis corporis, dicta, doloremque doloribus et ex id, illo itaque iusto mollitia natus
  neque non odio officia provident quasi quidem quo ratione repellat saepe unde veritatis voluptatibus!</p>
<p>A accusamus adipisci animi aperiam aspernatur at autem commodi consequatur cumque delectus doloremque est eum
  expedita id ipsam iusto magni minus nesciunt nihil numquam obcaecati quis, sunt ullam unde velit?</p>
<p>Accusantium animi dolor dolorum eaque ex minus modi natus optio quibusdam tenetur. Aliquam aspernatur cumque ducimus
  ea, eos, excepturi exercitationem laboriosam minus non quidem sit ut veritatis voluptates? Eaque, sunt.</p>
<p>Aliquam, cum, voluptates? A accusantium aliquam dolore perferendis provident sapiente velit. Aut blanditiis deserunt
  iste iure magnam magni, maiores neque nihil omnis quae quis repellat repudiandae rerum unde, voluptatem,
  voluptatibus?</p>
<p>Commodi consequatur debitis dolores enim itaque iure labore nisi, officia perspiciatis qui sapiente voluptate. Maxime
  necessitatibus nostrum officiis optio. Repellat, tempora, vitae. Assumenda id iste labore officiis quo quos
  tempora.</p>
<p>Aut cumque deserunt dicta, distinctio ducimus esse ex facere fugiat, ipsam molestiae necessitatibus optio possimus
  quam quidem quod sapiente sequi ullam vero vitae voluptatem? Esse, et officia? Id voluptates, voluptatum.</p>
<h3 id="c3">第三章 龙宫借宝</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. At atque consectetur deleniti dolorum eius maiores,
  obcaecati repudiandae suscipit vero? Ab at eaque eius fugiat ipsam iusto sed soluta veniam voluptas?</p>
<p>Consequatur dolores eaque facilis, fugit harum iure iusto laboriosam minus molestiae optio perspiciatis qui quia
  quibusdam recusandae rem, repellat repellendus, soluta voluptatum. Aut dolore facilis necessitatibus nemo quae veniam
  voluptatem?</p>
<p>Ab aliquam assumenda at atque deserunt doloribus ducimus ea eaque enim error illo ipsam, magnam, natus nisi nobis
  odio quasi quisquam quo repellendus saepe sequi soluta, suscipit velit vitae voluptatum?</p>
<p>Accusamus, aperiam atque autem corporis deserunt dolorem ex fugiat id inventore itaque magni maiores maxime minima
  modi nobis nulla perferendis perspiciatis porro possimus qui reprehenderit, tempora temporibus ullam veniam
  voluptates.</p>
<p>Aspernatur at dicta eveniet magnam minus molestias natus perferendis. A animi beatae, deleniti dolor dolorum eaque
  eligendi eos illum ipsa maiores natus numquam possimus qui, quo reiciendis sapiente sunt ullam!</p>
<p>Ab aliquam aliquid amet atque blanditiis cupiditate earum eligendi facere illo illum ipsam ipsum minus modi natus
  odit pariatur quasi, quia ratione rem rerum unde vel, vero voluptatibus. Eligendi, et.</p>
<p>Aut error eum ex laborum nemo possimus ratione repudiandae veritatis! Dignissimos distinctio dolor enim ex excepturi
  fugiat iusto quis sed. Aliquam autem earum et eum explicabo labore perspiciatis porro sunt!</p>
<p>Aspernatur blanditiis consequuntur et ex fuga harum id iusto, quis ratione unde! Asperiores dolorem fugiat hic iste,
  laboriosam magnam non sequi! Ab alias, autem error nemo nesciunt nobis similique sunt!</p>
<p>Distinctio ea magnam minus quo sunt! Ab atque facere quam quis, veniam voluptatibus? Alias architecto cupiditate
  dolor eius est eum impedit laudantium, molestiae mollitia nihil praesentium quae quod recusandae voluptatum!</p>
<p>A commodi consequuntur deleniti iusto magni perspiciatis quas rem? Aperiam, beatae culpa debitis delectus earum
  facilis id ipsa iure nihil officiis omnis perspiciatis quam quas repellat sequi ullam velit veniam.</p>
<p>Aliquam cupiditate distinctio eveniet fuga iure iusto labore nesciunt numquam quae, quidem repellat voluptate?
  Aperiam in ipsam laborum minus modi neque tenetur voluptatum. Error exercitationem fugiat incidunt necessitatibus
  provident quibusdam.</p>
<p>Consectetur dolore earum esse, eum iusto magnam numquam quas saepe voluptas voluptatum! Excepturi, temporibus ullam.
  Earum, fuga ipsam iure molestias nam non nulla optio porro reiciendis reprehenderit temporibus ut, vitae!</p>
<p>Accusamus ad alias aliquid, autem corporis cum cumque cupiditate debitis dolore, ducimus est, facere fugiat illum
  impedit laboriosam laudantium maiores maxime natus neque porro quaerat quibusdam repellat saepe temporibus vero.</p>
<p>Ad iste iusto optio quae quibusdam ratione recusandae. Ab consequatur excepturi explicabo fugiat in iure magni
  maiores officiis quos vero! Commodi, dolore unde! Laborum magnam nam necessitatibus optio quam ut!</p>
<p>Autem delectus ducimus natus nostrum saepe. Accusamus corporis excepturi facere maxime minima nihil nisi non porro ut
  velit. A autem dolor ducimus itaque odio praesentium quisquam repellat unde veniam, vitae.</p>
<p>Ad, aliquid aspernatur illum iusto laudantium magni modi nihil obcaecati odit omnis praesentium quae quia
  voluptatibus? Aperiam architecto beatae debitis eum id modi molestias nostrum, quod rem similique, voluptas
  voluptatem.</p>
<p>Aperiam debitis dolor doloribus explicabo molestias sint? Aliquid amet deleniti ea eius esse, facere hic ipsum labore
  nam nulla omnis quibusdam quis quisquam, repudiandae voluptatum. Eum minus quibusdam rerum vel?</p>
<p>Accusamus aliquid aspernatur assumenda corporis culpa distinctio, illo illum iusto modi natus nesciunt pariatur
  perferendis rerum saepe totam ullam ut. Alias dolore ipsam itaque nihil sint! Accusamus quaerat quasi
  reprehenderit.</p>
<p>Ab distinctio enim ex, hic natus nisi quam sed! Aperiam assumenda dolorum enim explicabo facere id, laboriosam magni
  minus molestias nobis officia perspiciatis quasi tempora unde voluptatem! Alias, exercitationem, sunt?</p>
<p>Amet aperiam autem consequatur consequuntur, corporis culpa cupiditate deserunt dolor ea eaque error eum
  exercitationem hic labore libero maiores modi nam numquam provident rem rerum sapiente sunt tempora vitae
  voluptas.</p>
<p>Aliquid atque distinctio dolore, dolores itaque numquam quasi quibusdam repudiandae sed suscipit. Alias dolores
  doloribus eaque, error illum in laborum maiores quibusdam repellat vero voluptate voluptatibus voluptatum! Consequatur
  eligendi, nostrum!</p>
<p>Architecto consectetur consequatur delectus necessitatibus nemo, tempore totam veritatis voluptates. Ab consectetur
  deleniti dignissimos, distinctio, enim magnam minus molestias nihil nostrum omnis perferendis quae quaerat reiciendis
  repudiandae sapiente vel voluptates.</p>
<p>Adipisci at consectetur consequatur eius, eos id ipsa itaque labore molestiae molestias mollitia nemo odio odit optio
  quas quidem quos tempore tenetur vitae voluptatem. Consequatur ipsam magnam quam sunt temporibus?</p>
<p>Dignissimos iure nostrum officiis pariatur quidem, voluptatum! Beatae deleniti dolore, enim eos ex ipsum molestias
  nobis nulla numquam quod sed soluta sunt, unde. Alias aspernatur ex officiis perferendis, sit ut!</p>
<p>Aspernatur corporis maiores porro quis repudiandae. Accusamus consequatur dicta illo incidunt inventore iste iure
  labore magnam nam nihil, numquam, quibusdam similique. Aut distinctio eveniet exercitationem laboriosam laudantium,
  neque numquam unde?</p>
<p>Ab commodi dignissimos eaque error impedit ipsa ipsam itaque, iusto maxime molestias necessitatibus non officia
  praesentium quasi quibusdam quidem, saepe totam ullam unde velit? Commodi dolorem error necessitatibus possimus
  veritatis!</p>
<p>Adipisci architecto aspernatur autem distinctio, doloremque, excepturi nam nemo nesciunt nobis obcaecati odio
  pariatur ratione voluptatum. Aliquid expedita minima non obcaecati odio, quibusdam ut voluptas! Accusantium eaque
  nesciunt officia vitae!</p>
<p>Atque fuga odio quod rerum suscipit? Ab ad architecto asperiores aut beatae blanditiis deserunt ducimus, illo iure
  minima modi nam nisi nobis obcaecati odio quisquam reiciendis rem totam, unde voluptates?</p>
<p>In maiores maxime minima quas sapiente? Cupiditate eos exercitationem explicabo impedit magni ratione sint vero
  voluptas. Adipisci aperiam dolorem eum illo incidunt natus nesciunt nisi optio provident, ratione voluptas
  voluptate!</p>
<p>Aperiam architecto atque ipsum laboriosam minus nihil odio praesentium repellendus saepe sed tempore ullam voluptate,
  voluptatibus? Aliquam cumque dignissimos dolorum et ex exercitationem, fuga fugiat ipsum, neque provident ratione,
  reprehenderit.</p>
<a href="#">快速跳转至页面顶部</a>
</body>
</html>